/*** All previous @imports have been deleted and the appropriate CSS is appended to the bottom of this file ***/
 /*** per Logan Trafford - September 2, 2010 ***/
 
 
 /*** File updated on October 5, 2010 by Logan to eliminate absolute line-height references, an accessibilty violation ***/

/*********************************/
/*** Globals ***/
/*********************************/

body {margin: 0; padding: 0;  font-family: Arial, Helvetica, sans-serif;  font-size: 100.01%; background: #eeeef5;}

#wrapper {width: 960px; margin: 0 auto; padding: 0; border: 4px solid #ccc; border-top: none; background: #fff;}
#globalHeader {height: 60px;}
img.logo {padding: 3px 0;}
.zeros {margin: 0; padding: 0;}
.columnOne, .columnTwo, .columnThree {width: 320px; margin: 0; padding: 0;}
.combinedColumns {width: 640px; margin: 0; padding: 0;}
.columnOne, .columnTwo, .combinedColumns {float: left;}
.columnThree {float: right;}
.full {width: 100%; clear: both;}
.small {font-size: .85em;}

.floatLeft, .floatleft {float: left;}
.floatRight, .floatright {float: right;}
.clearFix {display: block; clear: both;}



div.clearLeft {
clear: left;
}

div.clearRight {
clear: right;
} 
 

.textRight {text-align: right;}

.width160px {width: 160px;}
.width190px {width: 190px;}
.width210px {width: 210px;}
.width370px {width: 370px;}
.width400px {width: 400px;}
.width530px {width: 530px;}
.width580px {width: 580px;}
.width610px {width: 610px;}
.width630px {width: 630px;}
.width770px {width: 770px;}



 .width25Per {width: 25%;}
 .width45Per {width: 45%;}
 .width48Per {width: 48%;}
 .width50Per {width: 50%;}
.width100Per	{width: 100%;}

.height10px {height: 10px;} 

ul.inline {list-style: none;}
ul.inline li {display: block; float: left;}
ul.inline li a {text-decoration: none;}



.rounded-corners {
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
 

#serviceLevelTextArea a {color: #339; text-decoration: underline; }
#serviceLevelTextArea a:visited {color: #000; }
#serviceLevelTextArea a:hover {color: #060; text-decoration: none; }
#serviceLevelTextArea a:active { color : #000; font-weight: bold;}



#mainBodyServiceArea table.planning a {color: #ffffff; text-decoration: underline;}
#mainBodyServiceArea table.planning a:visited {font-style: italic;}
#mainBodyServiceArea table.planning a:hover {color: #fffff8; text-decoration: none;}
#mainBodyServiceArea table.planning a:active {font-weight: bold;}



 a.breadcrumb, a.breadcrumb:visited,  div.homeLink a { color: #339;}
 a.breadcrumb:hover, div.homeLink a:hover {color: #334; text-decoration: none; }
 a.breadcrumb:active, div.homeLink a:active { color: #000; font-weight: bold;}

 div.homeLink {float: left; margin: 0; padding: 0 5px; font-size: .9em; }
 
 
/**********************************/
/*** top Nav and Search section ***/
/**********************************/
#topNav { 
	position: relative; right: 0; 
	margin: 0; padding: 3px 0 5px 0; 
	line-height: normal; 
	/* background: #e4edf6 url(/images/rework2010/icons/topNavBG.gif) bottom left  no-repeat;*/ 
	font-size: .95em; font-family: Tahoma; }

#topNav2 { 
	position: relative; right: 0; 
	margin: 0; padding: 1px 0 -15px 0; 
	line-height: normal; 
	/* background: #e4edf6 url(/images/rework2010/icons/topNavBG.gif) bottom left  no-repeat;*  /
    /* this background was  */ 
	font-size: .95em; font-family: Tahoma; }
 
#topNav ul {margin: 0; padding: 0; line-height: normal; position: relative; left: -5px; margin-top: 5px;}
#topNav ul li {padding: 0 11px; border-right: 1px solid #ccc; }
#topNav ul li.last {border: none; }



#topNav a {color: #000; text-decoration: none;}
#topNav a:active {color: #f00;}
#topNav a:hover {color: #036; text-decoration: underline;}	
#topNav a:visited {color: #009;	}		


#topNav form {margin: 0; padding: 0; text-align: center;
	position: relative; top: 2px; height: line-height: normal; }
	
#topNav form label {position: absolute; top: -200px;}
 
#topNav form input { 
	margin: 0; padding: 0; 
	margin-left: 3px; 
	text-indent: 1px; 
	border: 2px solid #7cb0eb; 
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}
	
	
#topNav form input:focus {  border-color: #5c7fa3; }


  
#topNav2 form input.searchButton {
background:url("/images/rework2010/icons/mag_glass.gif") no-repeat scroll left top transparent;
border:0 none;
cursor:pointer; 
height:20px;
width: 20px; 
border: none; 
padding: 2px 0;
}
 


/*****************************************/
/*** Home page image and story section ***/
/*****************************************/
 
#headerHome {height: 170px; border-top: 1px solid #999;}
#headerHome .columnThree {background: #e4edf6 url(/images/rework2010/mainImgageBG.gif) bottom left no-repeat; height: 170px;}
#headerHome .columnThree div.stories {height: 170px; padding: 0 15px 0 20px; font-size: .7em; /*background: url(/images/rework2010/imageFlipper.gif) no-repeat; background-position: 50% 95% ;*/}
#headerHome .columnThree p { margin: 5px 0 0 0;}

/* articleNav added by Marc V */
#headerHome .articleNav{margin-right:5px;margin-left:5px;}

/*****************************************/
/*** Gateway index pages image section ***/
/*****************************************/
#headerGateway {height: 125px;} 




 
/*****************************************/
/*** Gateway Nav section  ***/
/*****************************************/

#navcontainer {
	padding-bottom: 60px;
}


#navcontainer ul
{
padding: 0;
margin: 0;

background: #069; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87B0D7', endColorstr='#084294'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#87B0D7), to(#084294)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #87B0D7,  #084294); /* for firefox 3.6+ */ 

color: #fff;
float: left;
width: 960px;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: 600;
height: 50px;
}

#navcontainer ul li { display: inline; float: left; width: 119px; height: 50px;  padding: 0; margin: 0; border-right: 1px solid grey; text-align: center;  } 

#navcontainer ul li a
{
background: none; 
color: #fff;
text-decoration: none;
position: relative;
top: 7px; 
 
}

#navcontainer ul li:hover
{
 
background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 

border-color: white;
}

.columnThree .mainLinks ul {
	font-size: 1em;	
}

/*
#navlist li a.current2 {
	background-color: #303;
 
}
*/

#navlist li a:visited {
background-color: transparent;
}
#navlist li a:visited:hover {
background-color: transparent;
}

/*#wrapper #navlist li a:hover {
background: none;
}*/

#navlist li.last {
	border-right: none;
	width: 100px; 
}

#navlist li.social {
	width: 138px; 
}
 


/*****************************************/
/*** Gateway Nav section  ***/
/*****************************************/
/*#gatewayNav {background: #1c3954 url(/images/rework2010/img_main_nav_back.gif) repeat-x; margin: 0; padding: 0; height: 47px; margin-bottom: 1em; }
#gatewayNav ul {list-style: none; margin: 0; padding: 0;}
#gatewayNav li {display: block; float: left; height: 47px; background: url(/images/rework2010/navSeparator.gif)  right no-repeat;}
#gatewayNav a {color: white; font-size: .9em; margin: 0;  padding: 10px 15px;  padding-bottom: 20px;text-decoration: none; position: relative; top: 10px; font-weight: bold;}
#gatewayNav a:hover, #gatewayNav a:active  {color: #fff;}
#gatewayNav a:hover {  background-color: #cfc; background: url(/images/rework2010/navHoverGrey.gif) left no-repeat; height: 47px; }
/*
#gatewayNav li:hover { background: url(/images/rework2010/nav_on.gif) left no-repeat; height: 47px; }
*/
/*#gatewayNav a:active {color: #fff;} 

#gatewayNav a#residents_nav, #gatewayNav a#city_hall_nav, #gatewayNav a#business_nav, #gatewayNav a#visitors_nav, #gatewayNav a#online_services_nav {padding: 0; margin: 0; margin-right: 3px; padding: 12px 15px 17px 15px;}

#gatewayNav a#residents_nav.current, #gatewayNav a#city_hall_nav.current, #gatewayNav a#business_nav.current, #gatewayNav a#visitors_nav.current, #gatewayNav a#online_services_nav.current { background: url(/images/rework2010/nav_on.gif) left no-repeat; height: 47px; }

.webChanges {padding-top: 3px; }
#gatewayNav .webChanges a {color: #fff; font-style: italic; }
#gatewayNav .webChanges a:hover {color: #ffff00; text-decoration: underline; background-image: none; }*/

/*******************************************************/
/*** Globals for home page and gateway index pages  ***/
/*******************************************************/
.howDoI h2, .mainLinks h2, .weather h2, .popTop h2, .empDir h2 {
	margin: 0; padding: 0 ; 
	display: block;  
	background: url(/images/rework2010/headingBG.jpg) left  repeat-x; 
	color: #000; 
	padding-left: 5px; 
	border-bottom: 1px solid #369;
}
.howDoI h2 span, .mainLinks h2 span, .weather h2 span, .popTop h2 span, .empDir h2 span {  
	display: block; 
	background: url(/images/rework2010/headingRight.jpg) right  no-repeat; 
	font-size: 10.25pt; 
	padding: 5px 0;}

 
/*****************************************/
/*** Right How Do I section  ***/
/*****************************************/

.howDoI {width: 293px; padding-left: 5px; padding-right: 0px; margin-bottom: .5em; }
.boxRight  { background: #f2f2f2 url(/images/rework2010/f2Corner.gif) bottom left  no-repeat; padding: 7px 10px 10px 5px; padding-bottom: 0;} 
 
.boxRight form {width: 280px;} 
.boxRight form select {width: 280px; } 
.boxRight form div {padding-bottom: 12px;} 
.boxRight form label {position: absolute; left: -999px;} 

.howDoI option { border-top: 1px dashed #999; padding: 1px 0; text-indent: 7px;}
.howDoI option.header {text-indent: none;}
 
/*****************************************/
/*** Right Weather section  ***/
/*****************************************/

.weather {width: 293px; padding-left: 20px; padding-right: 7px;  }
  
.weather div { background: #f2f2f2 url(/images/rework2010/f2Corner.gif) bottom left  no-repeat; padding: 10px; padding-left: 45px; height: 140px;} 



/*****************************************/
/*** Right Popular Topics section  ***/
/*****************************************/

.popTop {width: 293px; padding-left: 20px; padding-right: 7px; margin-bottom: 1em; }

.popTop ul {margin: 0; padding: 0; padding-bottom: .5em; margin-top: 8px; list-style-type: none; }
.popTop ul li { background-image: url(/images/rework2010/listArrow_transparent.gif); background-repeat:no-repeat; background-position: 2px 3px; padding-left: 20px; font-size: .8em; margin: 2px ;}

.popTop a {color: #000; text-decoration: none;}
.popTop a:hover {color: #060;  text-decoration: underline;}
    

/*****************************************/
/*** Right Employee Directory section  ***/
/*****************************************/



.empDir {width: 293px; padding-left: 20px; padding-right: 7px;  margin-bottom: 1em; }
 .empDir .boxRight form  { line-height: normal; }

 .empDir .boxRight form div {padding: 5px 10px; clear: both; }
 .empDir .boxRight form input {margin:0; padding: 0; width: 170px;}
 .empDir .boxRight form label {position: relative; left: 0;  float: left; width: 80px; font-size: .8em; } 
 
/*****************************************/
/*** Main Links sections  ***/
/*****************************************/
.mainLinks, .visitorsMainLinks {margin: 0 0 1em 15px;  padding: 0; } 

.mainLinks { background: #f2f2f2 url(/images/rework2010/f2Corner.gif) bottom left  no-repeat; height: auto;}

.mainLinks ul, .visitorsMainLinks ul {margin: 0; padding: 0; padding-bottom: .5em; margin-top: 8px; list-style-type: none; }
.mainLinks ul li, .visitorsMainLinks ul li { background-image: url(/images/rework2010/listArrow_transparent.gif); background-repeat:no-repeat; background-position: 2px 3px; padding-left: 20px;  margin: 2px ;} 

.mainLinks a {color: #000; text-decoration: none;}
.mainLinks a:visited {color: #009;}
.mainLinks a:hover {color: #060; text-decoration: underline;}
 
.mainLinks .visitorsMainLinks {background-color: #513a57; background-image: none;}
.mainLinks .visitorsMainLinks h2 {color: #fff;}



/*****************/
/*  For Main Index Page Related Links Section    */
/*****************/

div#relatedLinks {font-size: .8em;}

.mainLinks div#cityhallRelated .floatLeft .width50Per{font-size: 1em !important;}
.mainLinks div#cityhallRelated .floatLeft .width45Per{font-size: 1em !important;}

.combinedColumns .mainLinks div#relatedLinks {margin: 0  !important; padding: 0; border: none !important; background: #f2f2f2 !important;  }
.mainLinks div#relatedLinks span.RL {display: none;}
 
.mainLinks div#relatedLinks ul {margin: 0; padding: 0; padding-left: 5px; padding-bottom: .5em; margin-top: 8px; }
.mainLinks div#relatedLinks ul li { background-image: url(/images/rework2010/listArrow_transparent.gif); background-repeat:no-repeat; background-position: 2px 3px; padding-left: 20px; margin: 2px ;}

.mainLinks div#relatedLinks a {color: #000; text-decoration: none;}
.mainLinks div#relatedLinks a:hover {color: #060; text-decoration: underline; }
.mainLinks div#relatedLinks a:visited {color: #339;}
 
.mainLinks div#relatedLinks ul ul {margin: 0; padding: 0; margin-left: 15px; } 



/*****************************************/
/*** Footer section  ***/
/*****************************************/
#footer {font-size: .8em; color: #000; margin: 0; padding: 0;}
#footer ul.standardLinks  {padding-top: 12px;} 
#footer ul.standardLinks li {margin: 0; padding: 0 7px; border-right: 1px solid #B8954C; } 
#footer ul.standardLinks li.end {border: none;} 
#footer ul.standardLinks li a {margin: 0; padding: 0; color: #000;} 
#footer ul.standardLinks li a:hover {text-decoration: underline;} 

#footer #iconDiv {background: #8fb6da url(/images/rework2010/icons/iconBGCorner.gif) top left no-repeat; height: 35px; margin: 0;}
#footer ul.icons  {position: relative; top: 5px; margin-right: 10px;} 
#footer ul.icons li {padding: 0 3px; background-color: #8fb6da; } 
  
/*****************************************/
/*** Breadcrumb section  ***/
/*****************************************/
 #breadcrumb {font-size: .85em; padding-bottom: 15px; margin: 0 10px;}
 
 
/*****************************************/
/*** Service Level specific  ***/
/*****************************************/
 
#container {width: 100%; margin: 0; padding: 0; }
#serviceLevelTextArea {float: left; margin: 0; padding: 0; width: 765px; margin-left: 10px; background: fff;}
#serviceLevelLeftColumn {float: left; margin: 0; padding: 0; width: 180px; }
#mainBodyServiceArea {margin: 0; padding: 0 0 0 5px; font-size: .8em;}
#mainBodyServiceArea p, #mainBodyServiceArea ul, #mainBodyServiceArea table {padding-right: 5px; }
#mainBodyServiceArea ul  {margin: 1em 0; padding: 0; margin-left: 20px;}

h1, h2, h3, h4, h5 {color: #000;}
 
#mainBodyServiceArea h1 {font-size : 1.8em;	margin: 0;}
#mainBodyServiceArea h2 { font-size : 1.5em; margin-bottom: .5em; padding: 0;}
#mainBodyServiceArea h3 { font-size : 1.3em; margin-bottom:  .5em; padding: 0;}
#mainBodyServiceArea h4 { font-size : 1.1em; margin-bottom:  .5em;padding: 0;}
#mainBodyServiceArea h5 {font-size : 1.1em; font-weight : bold; font-style: italic; margin-bottom:  .5em; padding: 0;}

#mainBodyServiceArea p.title {font-size : 1.8em;	margin: 0; color: #000; font-weight:bold;}
#mainBodyServiceArea p.subtitle { font-size : 1.5em; margin-bottom: 0; padding: 0; color: #000; font-weight:bold;}

#mainBodyServiceArea table th {text-align: left;}



p { 
	text-indent : 0em; 
	margin-top: 0;	 
	margin-bottom: 1em; 
	
}

#mainBodyServiceArea table  {margin-bottom: 1em;}
#mainBodyServiceArea table td, #mainBodyServiceArea table th {padding-left: .25em; padding-right: .25em; }
#mainBodyServiceArea table p {margin-bottom: .25em;}
 



/**** for Visitor's section ***/

#mainBodyServiceArea div.clearBoth, #mainBodyServiceArea div.clearLeft, #mainBodyServiceArea div.clearRight {
display: block;
border-bottom: 1px solid #dcdcf5; 
height: 10px;
margin-bottom: 15px;
}
#mainBodyServiceArea div.clearBoth hr, #mainBodyServiceArea div.clearLeft hr, #mainBodyServiceArea div.clearRight hr {
display: none;
}

#mainBodyServiceArea div.clearBoth {clear: both;}

/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/
/***** new styles for Right Hand Links Div *****/

#rightHandLinks {
	float: right;
	width: 200px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0 0 1em 1em;
	padding: 0;
	background-color: #f2f2f2;
	z-index: 1;
}
 
#rightHandLinks h1, #rightHandLinks h2, #rightHandLinks h3, #rightHandLinks h4, #rightHandLinks h5 {
	color: #fff;
	display: block;
	padding: .1em .25em;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}

#rightHandLinks h1, #rightHandLinks h2 {
	background-color: #464646;
	font-size: 1.1em;
}

#rightHandLinks h1 a, #rightHandLinks h2 a, #rightHandLinks h3 a, #rightHandLinks h4 a, #rightHandLinks h5 a {
	color: #fff;
	text-decoration: none;
}

#rightHandLinks h1 a:visited, #rightHandLinks h2 a:visited, #rightHandLinks h3 a:visited, #rightHandLinks h4 a:visited, #rightHandLinks h5 a:visited {
	color: #fff;
}

#rightHandLinks h1 a:hover, #rightHandLinks h2 a:hover, #rightHandLinks h3 a:hover, #rightHandLinks h4 a:hover, #rightHandLinks h5 a:hover {
	color: #fff;
}

#rightHandLinks h1 a:active, #rightHandLinks h2 a:active, #rightHandLinks h3 a:active, #rightHandLinks h4 a:active, #rightHandLinks h5 a:active {
	color: #fff;
}

#rightHandLinks h3, #rightHandLinks h4, #rightHandLinks h5  {
	background-color: #8B8B8B;
	font-size: 1.1em;
	margin-top: .5em;
}



#rightHandLinks p {
	color: #000;
	display: block;
	font-size: .9em;
	margin: 0;
	padding: .25em;
}

#rightHandLinks p a, #rightHandLinks p a:visited {
	color: #00c;
	text-decoration: underline;
}

#rightHandLinks p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}



#rightHandLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #f2f2f2;
	padding-bottom: .25em;
}

#rightHandLinks ul li {
	display: block;
	background-color: #f2f2f2;
	color: #000;
	padding: .25em;
	border-top: 1px solid white;
	margin-left: 0;
}
 
#rightHandLinks ul li a {
	text-decoration: none;
	display: block;
	padding-left: 10px;
	color: #000;
}

#rightHandLinks ul li a:visited {
	color: #000;
}

#rightHandLinks ul li a:hover {
	color: #fff;
	background-color: #000;
}

#rightHandLinks ul ul {
	border-top: 1px dotted #D1D1D1;
}



#rightHandLinks ul ul li {
	display: list-item;
	list-style: disc;
	margin: 0 0 0 25px;
	padding: 0;
	padding-bottom: .5em;
	border: none;
}

#rightHandLinks ul ul li a {
	color: #00c;
	text-decoration: underline;
	display: inline;
	margin: 0;
	padding: 0;
}

 
#rightHandLinks ul ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}

#rightHandLinks table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: .9em;
} 
 

#rightHandLinks table tr {
	width: 100%;
	margin: 0;
	padding: 0;
} 

#rightHandLinks table tr td {
	width: 100%;
	padding: 0 .25em;
} 

#rightHandLinks table tr td h1, #rightHandLinks table tr td h2, #rightHandLinks table tr td h3, #rightHandLinks table tr td h4, #rightHandLinks table tr td h5 {
	display: block;
	margin: 0 -.25em;
} 



#rightHandLinks table ul  {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #e8e8e8;
	list-style-type: disc;
	border: none;
} 

#rightHandLinks table li {
margin: 0 0 0 20px;
	display: list-item;
	background-color: #e8e8e8;
	border-bottom: 1px solid #E8E8E8;
	padding: 0;
} 

#rightHandLinks table li li {
margin: 0 0 0 15px;
	list-style-type: circle;
} 
 
#rightHandLinks table li li li {
margin: 0 0 0 15px;
	list-style-type: square;
} 

#rightHandLinks table li a { 
	display: inline;
	margin: 0;
	padding: 0;
	color: #00c;
	text-decoration: underline;
} 



#rightHandLinks table a, #rightHandLinks table li a, #rightHandLinks table a:visited, #rightHandLinks table li a:visited {
	display: inline;
	color: #00c;
	text-decoration: underline;
}

#rightHandLinks table a:hover, #rightHandLinks table li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}



#rightHandLinks img {
	display: block;
	text-align: center;
	margin: auto;
} 
  

/*****************************************/
/*** Retained from redesign.css file  ***/
/*****************************************/

.bannerTitleHidden {
	position: absolute; 
	left: -999px;
}

		
/*****************************/
/*** Left Nav Links Section ***/
/*****************************/

#serviceLevelLeftColumn ul {list-style: none; margin: 0; padding: 0; }
 

#leftNav { 
	width: 180px;
	margin: 0;
	padding: 0; 
	border-right: 1px solid #fff;
	text-align: left; 
}

#leftNav ul#navlist {
	margin: .25em 0;
	padding-left: 0;
	list-style-type: none;
	border: none;
}

#leftNav ul#navlist li {
	margin: 0;
	padding: 0;
}

#leftNav table tr td p {
	font: .75em Arial, Helvetica, sans-serif;
}



#leftNav ul#navlist a {
	font-size: .8em;
	color: #fff;
	background-color:  #2A557D;
	display: block;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 170px;
	padding: 3px 5px;
}

#navlist ul#navlist a:visited {	background-color: #1e3d59;}
#navlist ul#navlist a:visited:hover {	background-color: #2A557D;}
#leftNav ul#navlist a:hover {	background-color: #1e3d59; }
#leftNav ul#navlist a:active {
	background-color: #000;
	color: #fff;
}

#leftNav ul#navlist a.navHead {
	font: .85em Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:  #1e3d59 ;
	font-weight: normal; 
	margin: 0;
	padding: 0;
	width: 170px;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
}



#leftNav ul#navlist a.navHead:visited  {	background-color: #172F45;}
#leftNav ul#navlist a.navHead:hover  {	background-color: #1e3d59;}

		
/*****************************/
/*** Service level Related Links Section ***/
/*****************************/

#serviceLevelLeftColumn #relatedLinks {		
	width: 180px;
	margin: 0;
	padding: 0; 
	border-bottom: none;	
	background-color: #f2f2f2; 
	margin-top: .75em;
}		

 
#serviceLevelLeftColumn #relatedLinks span {	
	width: 180px; 
	font-size: .9em; 
	background-color: #464646;	
	color: #fff;	 
	padding: .25em 0  ;	
	text-indent: .5em;
	display: block;	
	margin: 0;	 
}		
 
  
		
#serviceLevelLeftColumn #relatedLinks p {	
	margin:  0;
	padding: .25em; 
	border-top: 1px solid #fff;
	color: #000;
}		
	
  
	
#serviceLevelLeftColumn #relatedLinks a { 
	width: 100%;
	font-size: .9em;
	color: #000;
	text-decoration: none;
	padding: 2px 0; 
}

#serviceLevelLeftColumn #relatedLinks a:visited { 
	color: #009;
}

#serviceLevelLeftColumn #relatedLinks a:hover { 
	color: #369; 
	text-decoration: underline;
}
 	

/*****************/
/*  CONTENT ID   */
/*****************/

#contentID {
	clear: both;
	margin : .75em 0;
	font: 0.65em Verdana;
	width: 100%;
	text-align: right;
	color: #ccc;
} 

/***************************/
/*  for rotating images section on home page */
/*********************************************/
/* bannerArea modified by Marc V */



#headerHome .combinedColumns #bannerArea {background-color: #000; width:640px; height:170px;}



 
.itemOff {
	padding:5px;
	background-image: url(/images/rework2010/homePage/btn_back_off.gif);
	background-repeat:no-repeat;
	background-position: 1px 4px;
	font-family:verdana,arial,tahoma,geneva,helvetica;
	font-size:0.75em;
}
.itemOff a{	
	text-decoration:none;
	color:#000;
}
.itemOff a:hover{	
	text-decoration:none;
	color:#000;
}
.itemOn {
	padding:5px;
	background-image:url(/images/rework2010/homePage/btn_back_on.gif);
	background-repeat:no-repeat;
	background-position: 1px 4px;
	font-family:verdana,arial,tahoma,geneva,helvetica;
	font-size:0.75em;
}
.itemOn a{	
	text-decoration:none;
	color:#fff;
}
.itemOn a:hover{	
	text-decoration:none;
	color:#fff;
}
.btnItm
{
	/*padding:5px;*/
}
 
 
 /*************************************/
 /* to control RSS feed for Newsroom */
 /************************************/
 
 .mainLinks h1 {display: none;}
 
 .mainLinks  #twitterfeedouter {padding-bottom: 5px;}



 .mainLinks  #twitterfeed {height: 210px;}
 
  .mainLinks  #twitterfeed div {margin-left: 5px; border-bottom: 1px dashed #999;}
  
 
/********************************/
/*****   styling for images *****/
/********************************/

.graphicRight {
	float: right;
	margin: .5em;
	text-align: center;
}

.graphicLeft {
	float: left;
	margin: .5em .5em .5em 0;
	text-align: left;
}

.graphicCenter {
	display: block;
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: center;
}
   
   
/*********************/
/** specific fixes **/
/*********************/
   
.combinedColumns {font-size: .8em;}
   
/* for business index */
.columnThree .mainLinks ul {font-size: 1em;}
 



/*******************************/
/*** for Visitors index page ***/
/*******************************/
form.spotlightForm {padding-top: 55px;}

.immigration {float: left; margin: 0; padding: 0; width: 320px; height: 183px;}
.immContent {background: url(/images/rework2010/spotlightSearch/immigration_back.jpg) no-repeat top left; height: 183px; 
padding: 0 10px 10px 170px;} 
.immContent h2 {font-size: 1.3em; font-family: Tahoma; padding: 40px 5px 5px 0; border: none; background: none;}
.immContent ul {margin: 0; padding: 0; list-style: none;}

.visitorsMainLinks {width: 640px; height: 156px; margin: 0; margin-left: 7px; padding; 0; background: url(/images/rework2010/visEssentials.jpg) no-repeat top left;;}
.visitorsMainLinks h2 {background: none; border: none; color: white; margin: 0; padding: 10px;  }
.visitorsMainLinks ul a {color: white; text-decoration: none; }
.visitorsMainLinks ul a:hover {color: yellow;  }

.visitorsMainLinks ul li {
background-image:url(/images/rework2010/whitePurpleArrow.jpg);
background-position: 2px 5px;
background-repeat:no-repeat;
margin:2px;
margin-left: 10px; 
padding-left:20px;
}

select.artsdropdownselect {
-x-system-font:none;
font-family:arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 5px 3px;
width:280px;
}

input.artssearchinput {
-x-system-font:none;
font-family:arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 5px 3px;
width:276px;
}

div.artsrightnav {
float:right;
padding:0;
margin: 0;
width:320px;

}

div.artsquicksearch { 
float: right;
background: url(/images/rework2010/spotlightSearch/spotlight_back.jpg) no-repeat right; 
padding:0;
margin: 0;
height: 183px;
width: 315px;
}
 
input.artssearchsubmit {
border:0 none;
float:right;
margin: 0 38px 0 3px;
}

.combinedColumns .mainLinks div.artsquicksearch h2.artsquicksearchtitle { 
position: absolute;
left: -999px;
}

div.artsquicksearch a.artsadvancedsearchmap {
-x-system-font:none;
color:#000000;
font-family:arial,sans-serif;
font-size:0.85em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
vertical-align:text-top;
}

div.artsquicksearch a.artsadvancedsearchlink {
-x-system-font:none;
color:#000000;
font-family:arial,sans-serif;
font-size:0.85em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal; 
margin-left:   15px;
padding-top: 5px;
} 

.artsquicksearchbottom {height: 18px;}

/*******************************/
/*** Styling for Text-Boxes  ***/
/*******************************/

.textBoxRight {
	float: right;
	width: 182px;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin: .25em 0 .5em .5em;
}
.textBoxRight p {
	margin-top: 0;
	margin-bottom: .5em;
}
.textBoxLeft {
	float: left;
	width: 18%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin: .25em .5em .25em 0 ;
}

.textBoxLeft p {
	margin-top: 0;
	margin-bottom: .5em;
}

.textBoxCenter {
	display: block;
	width: 75%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin-top: 1em;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 1em;
}

/***************************************/
/*** Styling for right hand tables   ***/
/***************************************/
TD.menuhdr, td.menuhdr4  {
font-family : Arial,Helvetica,sans-serif;
font-weight : bold;
color : #ffffff;
text-align: left;
}



TD.menuhdr2 {
font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight : bold;
color : #338;
background-color : #bac5d1;
text-align : center;
}

TD.menuhdr3 {
font-family : Arial,Helvetica,sans-serif;
color : #ffffff;
}



th.whiteleft {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight : bold;
text-align: left;
}



/******************************************/
/*  for swim/skate schedules search form */
/******************************************/

#mainBodyServiceArea table form#skateSched fieldset div.advancedLink a {
color:#000066;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
text-decoration:none;
}
 



/*********************************************************************/
/*  for Photo Galleries which replaces previous @import of gallery.css */
/*********************************************************************/
	
div.Photos table {	border: none;}
div.Photos table th {font-size: .1em; color: #fff; border-collapse: collapse;} 
div.Photos table td {
	margin: 0;
	padding: .25em;
	font-size: .85em;
	width: 18%;
	height: auto;
	vertical-align: top;
	text-align: center;
	 border: 1px solid #ccc; 
}

div.Photos table img { vertical-align: top; }



/*********************************************************************/
/*  for Google Maps which replaces previous @import of googlMap.css */
/*********************************************************************/
	
div#googlemap { float: left; border: 1px dashed #999; margin: 1em 0; }
 
#mainBodyServiceArea  table.googleMapLegend {
float: left;
	border: 1px solid #ccc;
	font-family: tahoma, geneva, sans-serif;
	font-size: .9em;
	width: 150px;
	margin:  0 .25em 0 0;
	z-index: 1;
	background-color: #ffffdd;
}
#mainBodyServiceArea table.googleMapLegend th { position: absolute; left: -1000px; top: 0; }
#mainBodyServiceArea table.googleMapLegend td { padding: .25em; border-bottom: 1px dotted #e0e0e0; }
#mainBodyServiceArea table.googleMapLegend caption { text-indent: -9999px; }



/********************************/
/* road trans fixes by Logan */


.combinedColumns .mainLinks div#relatedLinks {
   font-size: 1em !important;
  
}